<!DOCTYPE html>
<html>

<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <title>Examples</title>
   <meta name="description" content="">
   <meta name="keywords" content="">
   <link href="" rel="stylesheet">

   <script type="text/javascript" src="./vue.js"></script>
</head>

<body>

   <div id="box">
      <input type="text" v-model="mytext" /><br>
      {{mytext}}<br>
      <textarea v-model="mytext"></textarea><br />

      <input type="checkbox" v-model="isChecked" />记录用户名<br />

      <p>你喜欢的运动？
         <input type="checkbox" v-model="checkgroup" value="抽烟"> 抽烟
         <input type="checkbox" v-model="checkgroup" value="喝酒"> 喝酒
         <input type="checkbox" v-model="checkgroup" value="烫头"> 烫头
      </p>
      {{checkgroup}}

      <p>你最喜欢的开发语言？
         <input type="radio" v-model="picked" value="php" />php
         <input type="radio" v-model="picked" value="js" />js
         <input type="radio" v-model="picked" value="java" />java
      </p>
      {{picked}}
   </div>

   <!-- <div v-model=""></div> -->
   <script type="text/javascript">

      var vm = new Vue({
         el: "#box",
         data: {
            mytext: "",
            isChecked: true,
            checkgroup: [],
            picked: "js"
         }
      })

   </script>

</body>

</html>